#login_all {
	position: relative;
	width: 1920px;
	height: 1080px;
}

#login_left {
	transition: all 0.4s;
	float: left;
	height: 100%;
	width: 50%;
	background: #e5d17f;
}

#login_right {
	transition: all 0.4s;
	float: left;
	height: 100%;
	width: 50%;
	background: #475d2c;
}

#login_center {
	position: relative;
	left: 32.6%;
	top: 13.14%;
	height: 61.8%;
	width: 34.8%;
	border-radius: 50%;
}

#login_center div {
	position: absolute;
}

.login_centerBox {
	z-index: 9;
	cursor: pointer;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: url(../img/login_center.png) center center;
	opacity: 1;
	transition: all 0.4s;
	background-size: 100%;
}

.login_centerBox:hover {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 1);
	background-size: 110%;
}

.login_centerBox div {
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.4s;
}

.login_centerBox:hover div {
	opacity: 0.2;
}

.login_bottomText {
	text-align: center;
	bottom: -22%;
}

.login_bottomText img:last-child {
	margin-top: 2%;
}

.login_leftBox {
	top: 0%;
	right: 140%;
	width: 40%;
	height: 128%;
}

.login_leftBox>h2 {
	cursor: pointer;
	font-size: 36px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: all 0.4s;
}

.login_leftBox>h2:hover {
	transform: scale(0.8);
}

.login_rightBox {
	top: 128%;
	left: 140%;
	width: 46%;
}

#login_menu {
	position: absolute;
	bottom: 0;
}

#login_menu li {
	cursor: pointer;
	padding-right: 25px;
	float: left;
	transition: all 0.4s;
}

#login_menu li:hover {
	transform: scale(0.8);
}

#login_menu li>img {
	height: 50px;
}

.login_jiantou:hover {
	animation: jiantou 1s infinite;
}

@keyframes jiantou {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(8px);
	}
	100% {
		transform: translateX(0px);
	}
}

.backgroundIMG {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
	opacity: 0;
}

.login_allSousuo .login_leftBox>h2 {
	opacity: 0;
}

.login_allSousuo #login_left {
	width: 75%;
}

#login_left .backgroundIMG {
	background: url(../img/photo01.png);
}

.login_allSousuo #login_left .backgroundIMG {
	opacity: 1;
}

.login_allSousuo #login_right {
	width: 25%;
}

.login_allSousuo #login_center {
	background: none;
}

.login_allSousuo .login_centerBox {
	transform: scale(0.4) translateX(180%) rotate(360deg);
}

#sousuo_box {
	overflow: hidden;
	/*	display: none;*/
	top: 35%;
	height: 30%;
	width: 0%;
	border-radius: 5em;
	/*	background: #475d2c;*/
	text-align: center;
}

#sousuo_box input {
	margin-top: 2%;
	margin-bottom: 0%;
	font-family: dianhei;
	font-size: 40px;
	width: 60%;
	color: #FFF;
	background: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}

.sousuo_text {
	margin-top: 2%;
	margin-left: 10%;
	width: 80%;
}

.sousuo_text p,
a {
	padding: 2%;
	color: #FFF;
	font-size: 24px;
	float: left;
	transition: all 0.2s;
}

.sousuo_text a:hover {
	transform: scale(0.8);
}

.login_allLogin .login_leftBox>h2 {
	opacity: 0;
}

.login_allLogin #login_left {
	width: 25%;
}

.login_allLogin #login_right {
	width: 75%;
}

#login_right .backgroundIMG {
	background: url(../img/photo02.png);
}

.login_allLogin #login_right .backgroundIMG {
	opacity: 1;
}

.login_allLogin .login_centerBox {
	transform: scale(0.4) translate(-180%, -100%) rotate(-360deg);
}

#login_box {
	overflow: hidden;
	top: 50%;
	left: 15%;
	height: 0;
	width: 120%;
	border-radius: 0.5em;
	text-align: center;
	font-family: dianhei;
}

#login_box li {
	margin-top: 12%;
}

#login_box p {
	color: #FFFFFF;
	font-size: 36px;
}

#login_box input {
	font-family: dianhei;
	font-size: 35px;
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	background: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}

#login_box .login_sbm input {
	cursor: pointer;
	background: none;
	margin: 2%;
	width: 20%;
	border-bottom: none;
	transition: all 0.4s;
}

#login_box .login_sbm input:hover {
	transform: scale(0.8);
}